@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:600px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:1920px;min-width:1200px; height:600px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:600px;width:1920px;min-width:1200px;}
.banner .bantil{ width:400px; height:8px;position:absolute; bottom:60px;left:50%; margin-left:-110px; z-index:8;}
.banner .bantil li{ width:51px; height:8px; float:left; display:inline;background:#fff;opacity:1; border-radius:0; margin:0 12px; }
.banner .bantil li.on{background:#007dd4;}

.sou{ height:80px; overflow:hidden;}
.sou p{ width:600px; float:left; font:14px "Microsoft YaHei"; line-height:80px;height:80px; color:#252525; font-weight:bold; background:url(../images/sou_icon.png) no-repeat left center; padding-left:35px;overflow:hidden;} 
.sou p a{ color:#5a5a5a; padding:0 13px; font-weight:normal; background:url(../images/sou_line.png) no-repeat right center;}
.sou p a:hover{ color:#007dd4; font-weight:bold;}
.sou p a:last-child{ background:none;}
.sou01{ float:right; margin-top:21px;}
.ip01{ width:275px; height:38px; background:url(../images/sou1.png) no-repeat left top; font:14px "Microsoft YaHei"; line-height:38px; color:#d2d2d2; overflow:hidden; padding-left:20px; outline:none; border:0;}
.ip02{ width:53px; height:38px; overflow:hidden; background:url(../images/sou2.png) no-repeat center center; outline:none; cursor:pointer; border:0;}

.yinz{ height:353px; background:#f7f7f7; padding:65px 0; overflow:hidden;}
.yinz dl{ height:353px; overflow:hidden; background:#fff;}
.yinz dt{ width:461px; height:351px; float:right; overflow:hidden;}
.yinz dt img{ display:block;width:461px; height:351px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:510px; padding:44px 0 0 55px; float:left;}
.yinz dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#1f1f1f;}
.yinz dd h3 em{ background:url(../images/yinz_line.gif) no-repeat 8px center; padding-left:19px;}
.yinz dd h3 i{ display:block; font:12px Arial; color:#d4d4d4; text-transform:uppercase; padding-top:6px;}
.yinz dd p{ font:16px "Microsoft YaHei"; line-height:36px; color:#585858; margin:30px 0;}
.yinz dd span{ display:block; float:right;}

.tit1{ text-align:center; height:145px; position:relative; font:48px "Microsoft YaHei"; color:#171717;}
.tit1 a{ color:#171717;}
.tit1 i{ display:block; font:24px "Microsoft YaHei";color:#5b5a5a; padding-top:6px;}
.tit1 em{ background:url(../images/line.png) no-repeat 8px center; padding-left:30px; font-weight:bold;}

/**/
.pro1{ height:1000px; margin-top:75px; overflow:hidden;}
.pro11{ width:585px;overflow:hidden;}
.pro1 dt{ font:24px "Microsoft YaHei"; font-weight:bold; color:#1d1d1d; height:55px;}
.pro1 dt a{ display:block; color:#1d1d1d;}
.pro1 dt a:hover{ color:#007dd4;}
.pro1 dt em{ display:block; float:left; width:27px; height:25px; margin:5px 12px 0 0;}
.pro1 dt em img{display:block; width:27px; height:25px;}
.pro1 dd{ height:104px; overflow:hidden;}
.pro1 dd a{ display:block; font:16px "Microsoft YaHei"; line-height:36px; height:36px; overflow:hidden; color:#626262; width:180px; float:left; background:url(../images/fen_arr1.png) no-repeat left center; padding-left:15px;}
.pro1 dd a:hover{ background:url(../images/fen_arr2.png) no-repeat left center; color:#007dd4;}
.pro1 li{ width:278px; border:1px solid #e2e2e2; margin-bottom:20px;}
.pro1 li img{ display:block;width:278px; height:278px;}
.pro1 li em{ display:block; font:16px "Microsoft YaHei"; color:#323232; padding-left:25px; height:45px; border-top:1px solid #e2e2e2; line-height:45px; overflow:hidden; background:#f8f8f8 url(../images/pro_arr.png) no-repeat 240px center;}
.pro1 h5{ width:601px; height:830px; overflow:hidden;}
.pro1 h5 img{ display:block;width:601px; height:830px;}
.pro1 li:hover{ border:1px solid #007dd4;}
.pro1 li:hover em{ color:#007dd4;border-top:1px solid #007dd4;}
.pro1 li:nth-child(2n-1){ float:left;}
.pro1 li:nth-child(2n){ float:right;}
.pro2{ background:url(../images/pro_bg.jpg) no-repeat center top; height:903px; padding-top:70px; overflow:hidden;}
.pro2 dt a{ color:#fff;}
.pro2 dt a:hover{ color:#ffd800;}
.pro2 dd a{ color:#fff;background:url(../images/fen_arr3.png) no-repeat left center;width:270px;}
.pro2 dd a:hover{color:#ffd800;background:url(../images/fen_arr4.png) no-repeat left center;}
.pro2 li em{background:#fff url(../images/pro_arr.png) no-repeat 240px center;}
.pro2 li:hover{ border:1px solid #ffda0f;}
.pro2 li:hover em{border-top:1px solid #ffda0f;background:#fff url(../images/pro_arr2.png) no-repeat 240px center; color:#222;}


/**/
.pro3{ height:475px; margin-top:50px; overflow:hidden;}
.pro3 h3{ font:24px "Microsoft YaHei"; color:#1d1d1d; font-weight:bold; height:55px;}
.pro3 h3 a{ display:block; color:#1d1d1d;}
.pro3 h3 em{ display:block; width:20px; height:23px; float:left; margin:5px 10px 0 0;}
.pro3 h3 em img{display:block; width:20px; height:23px;}
.pro3 li{width:278px; border:1px solid #e2e2e2; float:left; margin:0 25px 0 0;}
.pro3 li img{ display:block;width:278px; height:278px;}
.pro3 li em{display:block; font:16px "Microsoft YaHei"; color:#323232; padding-left:25px; height:45px; border-top:1px solid #e2e2e2; line-height:45px; overflow:hidden; background:#f8f8f8 url(../images/pro_arr.png) no-repeat 240px center;}

.ys{ background:#f5f5f5; height:1045px; padding-top:75px;overflow:hidden; position:relative;}
.ys .tit1{ height:213px;}
.yst{ width:1200px; height:135px; position:absolute; top:220px; left:50%; margin-left:-600px; overflow:hidden; background:#0287e4; z-index:9;}
.yst li{ width:300px; height:135px; overflow:hidden; float:left; border-right:1px solid #3aa1ea; box-sizing:border-box; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff; text-align:center;}
.yst li span{ display:block; position:relative; width:48px; height:42px; margin:16px auto 8px;}
.yst li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.yst li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.yst li img{display:block; width:48px; height:42px;}
.yst li b{ display:block; font:12px Arial; color:rgba(255,255,255,0.2); text-transform:uppercase; padding-top:4px;}
.yst .cur{ background:#ffd800; color:#333;}
.yst .cur em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.yst .cur i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.yst .cur b{ color:#d5b50f;}
.yst li:last-child{ border:0;}
.ys2 dt{ background:url(../images/ys1.jpg) no-repeat center top; height:618px; overflow:hidden;}
.ys2 dl:nth-child(2) dt{ background:url(../images/ys2.jpg) no-repeat center top; height:618px; overflow:hidden;}
.ys2 dl:nth-child(3) dt{ background:url(../images/ys3.jpg) no-repeat center top; height:618px; overflow:hidden;}
.ys2 dl:nth-child(4) dt{ background:url(../images/ys4.jpg) no-repeat center top; height:618px; overflow:hidden;}
.ys2 dd{ width:1200px; margin:0 auto; height:150px; margin-top:30px;}
.ys2 dd h3{ width:860px; float:left; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; color:#262626; height:175px;}
.ys2 dd h3 em{ display:block; margin-bottom:12px;}
.ys2 dd h3 p{ font:16px "Microsoft YaHei"; line-height:36px; height:36px; overflow:hidden; background:url(../images/fen_arr1.png) no-repeat left center; padding-left:18px; float:left; width:410px;}
.ys2 dd h5{ width:330px; height:96px; float:right; margin-top:25px; border-right:1px solid #e6e6e6;}
.ys2 dd h5 span{ display:block; width:164px; float:left; font:18px "Microsoft YaHei"; text-align:center; color:#1d1d1d;border-left:1px solid #e6e6e6;}
.ys2 dd h5 span em{ display:block; font:60px Arial; color:#007dd4; position:relative;}
.ys2 dd h5 span i{ display:block; width:25px; height:25px; border-radius:25px; background:#ffd700; font:18px "Microsoft YaHei"; text-align:center; line-height:25px; color:#222; position:absolute; top:6px; right:20px;}
.ys2 dl:nth-child(1) dd h5 span:nth-child(2) i{ right:5px;}

/*.honor{ height:620px; overflow:hidden;}
.honor2{ height:400px; position:relative;}
.honor2 li{ float:left; width:218px; height:293px; margin-right:26px; background:url(../images/honor_bg.jpg) no-repeat center top;}
.honor2 li img{ display:block; width:190px; height:263px; padding:15px 0 0 13px;}
.honor2 .xchd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.honor2 .xchd ul{margin-left:535px;}
.honor2 .xchd ul li{border-radius: 100%; float:left;margin:0 10px;display:inline;cursor:pointer;}
.honor2 .xchd ul li{width:10px;height:10px;background:#aaaaaa;}
.honor2 .xchd ul .on{background:#008ef2; width:32px; border-radius:5px;}
.honor2 .jt a{height: 32px; width: 32px; display: block;position: absolute;bottom:0;z-index: 3;}
.honor2 .jt a.xcprev{left:500px; background:url(../images/honor_l.png) no-repeat;}
.honor2 .jt a.xcnext{right:500px;background: url(../images/honor_r.png) no-repeat;}*/

.hangy{ background:#f5f5f5; height:755px; padding-top:60px; overflow:hidden;}
.hangyt{ width:259px; float:left; overflow:hidden; background:#0287e4; height:528px;}
.hangyt li{ height:87px; border-bottom:1px solid #2899e8; overflow:hidden;}
.hangyt li a{ display:block; height:87px;}
.hangyt li span{ display:block; width:28px; height:28px; position:relative; margin:30px 22px 0 50px; float:left;}
.hangyt li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.hangyt li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.hangyt li img{display:block; width:28px; height:28px;}
.hangyt li p{ font:18px "Microsoft YaHei"; color:#fff; padding-top:25px;}
.hangyt li p b{ display:block; font:12px Arial; color:rgba(255,255,255,0.2);}
.hangyt .cur a{ background:#ffd800;}
.hangyt .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.hangyt .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.hangyt .cur p{ color:#222;}
.hangyt .cur p b{ color:#ecc806;}
.hangy2{ width:941px; height:528px; overflow:hidden; float:right;}
.hangy2 dl{ position:relative;}
.hangy2 dt img{ display:block;width:941px; height:528px; border:1px solid #eee; box-sizing:border-box;}
.hangy2 dd{ height:114px; background:rgba(0,0,0,0.8); padding:0 30px; width:881px; position:absolute; bottom:0; left:0;}
.hangy2 dd h3 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#fff; padding:29px 0 5px;}
.hangy2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#fff;}
.hangy2 dd p a{ color:#ffd700;}

.wit{ background:url(../images/wit_bg.jpg) no-repeat center top; padding-top:70px;height:923px;overflow:hidden; margin-bottom:65px;}
.wit .tit1 a,.wit .tit1 i{ color:#fff;}
.wit01{ background:#fff; height:660px; padding-top:25px;}
.wit1{ height:500px; position:relative;}
.wit2{ overflow:hidden; width:1200px;}
.wit1 dl{ width:364px; height:465px; overflow:hidden; border:2px solid #f9f9f9; margin:0 0 0 23px;}
.wit1 dt{ width:356px; height:267px; overflow:hidden;}
.wit1 dt img{ display:block;width:356px; height:267px; padding:4px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.wit1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.wit1 dd{ padding:28px 30px 0 30px;}
.wit1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; color:#373737; text-align:center;}
.wit1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#858585; height:48px; margin:12px 0 22px;}
.wit1 dd span a{ display:block; width:130px; height:33px; margin:0 auto; background:#e8e8e8; font:14px "Microsoft YaHei"; text-align:center; line-height:33px; color:#222; border-radius:1.5rem;}
.wit1 dd h3 a:hover{font-weight:bold;}
.wit1 dd span a:hover{ background:#ffd800; color:#000;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.arr1 a{ display:block; font:30px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:45px; width:45px; height:45px; background:rgba(0,0,0,0.8); position:absolute; top:188px; left:20px;}
.arr2 a{display:block; font:30px "宋体"; font-weight:bold; color:#fff;text-align:center; line-height:45px; width:45px; height:45px; background:rgba(0,0,0,0.8); position:absolute; top:188px; right:20px;}
.arr1 a:hover,.arr2 a:hover{ background:#0287e4;}

.par{ height:150px; overflow:hidden;}
.par li{ width:215px; height:122px; float:left; overflow:hidden; margin-left:20px;}
.par li img{ display:block;width:215px; height:122px;}

.tit2{ height:57px; position:relative; font:24px "Microsoft YaHei"; line-height:47px; overflow:hidden; background:url(../images/dy_line.gif) no-repeat 124px center; padding-left:15px;}
.tit2:before{ content:""; position:absolute; top:13px; left:0; width:4px; height:23px; background:#007dd4;}
.tit2 a{ color:#1e1f1f;}
.tit2 em{ font:14px Arial; text-transform:capitalize; color:#777; float:right; line-height:50px; width:62px; background:url(../images/dy_more.png) no-repeat right center;}

.dy{ width:598px; overflow:hidden; margin-bottom:80px; margin-top:-40px; position:relative;}
.dy dt{ width:598px; height:336px; overflow:hidden;}
.dy dt img{ display:block; width:598px; height:336px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#272727; font-weight:bold; padding:22px 0 15px;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#6f6f6f; height:48px; overflow:hidden;}

.faq{ width:570px; overflow:hidden;margin-top:-40px; position:relative;}
.faq .tit2{background:url(../images/faq_line.gif) no-repeat 124px center;}
.faq dl{ height:102px; overflow:hidden; padding:19px 0;}
.faq dl:nth-child(2){ margin-top:-19px;}
.faq dt{ width:181px; height:102px; float:left; overflow:hidden;}
.faq dt img{ display:block;width:181px; height:102px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dt a:hover img,.dy dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.faq dd{ width:350px; float:right;}
.faq dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#2c2c2c; margin:3px 0;}
.faq dd h3 a:hover,.faq li a:hover,.dy dd h3 a:hover,.link a:hover{ font-weight:bold; color:#007dd4;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#727272;}
.faq dd em{ display:block; font:14px Arial; color:#bfbfbf; padding-top:8px;}
.faq li{ font:16px "Microsoft YaHei"; line-height:44px; height:44px; background:url(../images/faq_arr.png) no-repeat left center; padding-left:20px;}
.faq li a{ color:#373737;}
.faq li em{ float:right; font-size:14px; color:#bcbcbc;}

.about{ background:#f1f1f1; height:895px; padding-top:65px; overflow:hidden;}
.about dl{ height:565px; overflow:hidden; background:#fff;}
.about dt img{ display:block; width:1200px; height:427px;}
.about dd h3{ width:255px; height:138px; background:#ffd800; text-align:center; font:36px "Microsoft YaHei"; font-weight:bold; color:#262626; float:left; overflow:hidden;}
.about dd h3 em{ display:inline-block; font:24px "Microsoft YaHei"; padding:0 15px; background:url(../images/about_line.gif) no-repeat right center; color:#222; margin-top:32px;}
.about dd h3 em:nth-child(4){ background:none;}
.about dd h3 span{ color:#262626; display:block;}
.about dd p{ width:900px; float:left; padding:20px 0 0 20px; font:14px "Microsoft YaHei"; line-height:32px; color:#8f8f8f;}
.about dd p a{ color:#007dd4;}
.about ul{ height:110px; margin-top:45px; position:relative;}
.about ul:before{ content:""; position:absolute; top:0; right:0; width:1px; height:42px; background:#d7d7d7;}
.about li{ width:300px; float:left; position:relative;}
.about li:before{ content:""; position:absolute; top:0; left:0; width:1px; height:42px; background:#d7d7d7;}
.about li img{ display:block; width:44px; height:44px; float:left; padding:0 16px 0 78px;}
.about li span{ display:block; float:left; font:18px "Microsoft YaHei"; color:#3c3c3c; width:130px;}
.about li span em{ display:block; font:12px Arial; color:#cecece; padding-top:4px;}



.link{width:1200px; margin: 0 auto; position: relative;line-height:66px;}
.link .content{position: absolute; top: -66px;right: 0; width:450px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#a5a5a5; line-height:66px;}
.link p a{ display: inline-block;padding:0 6px; font:14px "Microsoft YaHei"; color:#a5a5a5;}
.link p a:hover{ color:#007dd4;}





@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}